<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Typography Helper : คู่มือการใช้งาน CodeIgniter</title>


<style type="text/css" media="all">@import url('../userguide.css');</style>
<link rel="stylesheet" type="text/css" media="all" href="../userguide.css" />

<script type="text/javascript" src="../nav/nav.js" ></script>
<script type="text/javascript" src="../nav/prototype.lite.js" ></script>
<script type="text/javascript" src="../nav/moo.fx.js" ></script>
<script type="text/javascript" src="../nav/user_guide_menu.js"></script>

<meta http-equiv="expires" content="-1" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="all" />
<meta name="author" content="ExpressionEngine Dev Team" />
<meta name="description" content="CodeIgniter User Guide" /></head><body>

<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"><script type="text/javascript">create_menu('../');</script></div></div>
<div id="nav2"><a name="top" /><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker_th.jpg" title="Toggle Table of Contents" alt="Toggle Table of Contents" border="0" height="43" width="154" /></a></div>
<div id="masthead">
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td><h1>คู่มือการใช้งาน CodeIgniter เวอร์ชั่น 1.7.2</h1></td>
<td id="breadcrumb_right"><a href="../toc.html">หน้าตารางเนื้อหา</a></td>
</tr>
</tbody></table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td id="breadcrumb">
<a href="http://codeigniter.in.th/">CodeIgniter.in.th</a> &nbsp;›&nbsp;
<a href="../index.html">หน้าหลักคู่มือการใช้งาน</a> &nbsp;›&nbsp;
Typography Helper
</td>
<td id="searchbox"><form method="get" action="http://www.google.com/search"><input name="as_sitesearch" id="as_sitesearch" value="codeigniter.in.th/user_guide/" type="hidden" />ค้นหาคู่มือการใช้งาน&nbsp; <input class="input" style="width: 200px;" name="q" id="q" size="31" maxlength="255" value="" type="text" />&nbsp;<input class="submit" name="sa" value="ค้นหา" type="submit" /></form></td>
</tr>
</tbody></table>
<!-- END BREADCRUMB -->

<br clear="all" />


<!-- START CONTENT -->
<div id="content">


<h1>Typography Helper</h1>

<p>ไฟล์ Typography Helper มีฟังก์ชันที่ช่วยคุณจัดรูปแบบข้อความโดยมุ่งเน้นที่ความสำคัญด้านความหมาย</p>


<h2>เรียกใช้ผู้ช่วยนี้</h2>

<p>ตัวช่วยนี้สามารถถูกเรีัยกใช้ได้ตามโค้ดต่อไปนี้</p>
<code>$this-&gt;load-&gt;helper('typography');</code>

<p>มีฟังก์ชันให้ใช้ได้ดังนี้</p>


<h2>auto_typography()</h2>

<p>จัดรูปแบบข้อความให้มีความหมายและรูปแบบที่ถูกต้องตาม HTML โดยป้อนข้อมูลเป็นสตริงและจะส่งผลลัพธ์กลับมาตามการจัดรูปแบบดังนี้</p><ul><li>ล้อมย่อหน้าด้วย &lt;p&gt;&lt;/p&gt; (โดยจะมองหาการขึ้นบรรทัดใหม่ 2 ครั้ง (\n\n) เพื่อระบุว่าเป็นย่อหน้า)</li>
<li>ขึ้นบรรทัดใหม่ครั้งเดียวจะถูกเปลี่ยนเป็น &lt;br /&gt; ยกเว้นว่าการขึ้นบรรทัดใหม่นั้นปรากฎอยู่ภายใต้แท็ก &lt;pre&gt;<br />
</li>
<li>องค์ประกอบที่อยู่ในระดับแบ่งส่วน(Block level element) อย่างเช่นแท็ก
&lt;div&gt; จะไม่ถูกห่อด้วยย่อหน้า
แต่ข้อความที่อยู่ภายในจะถูกห่อถ้าภายในมีย่อหน้า (จาก \n\n)<br />
</li>
<li>คำอ้างอิงจะถูกเปลี่ยนไป (ในที่นี้หมายถึง ' , ") เป็นในทางที่ถูกต้องโดยใช้สัญลักษณ์เหล่านี้แทน ‘ ’ “ ”
ยกเว้นว่าจะอยู่ภายในแท็ก</li>

<li>ขีดกลางสองอัน (อย่างเช่นแบบนี้ -- หรือแบบนี้--) จะถูกเปลี่ยนไปเป็นขีดกลางแบบ em(—)</li>
<li>จุดสามจุดติดกันอยู่ด้านหน้าหรือตามหลังคำจะถูกเปลี่ยนเป็นการละไว้ (ellipsis หรือแบบนี้ …) <span style="color: red;">(แต่เหมือนถ้าเอาไว้ด้านหน้าจะไม่เปลี่ยนนะ)</span><br />
</li>
<li>ช่องว่างสองอันตามด้วยประโยคจะถูกเปลี่ยค่าไปเป็นช่องว่างแบบไม่หยุด (non-breaking space) เพื่อเลียนแบบการเว้นช่องว่างสองครั้ง</li>
</ul>

<p>ตัวอย่างการใช้งาน</p>

<code>$string = auto_typography($string);</code>

<p><strong>ข้อสำคัญ:</strong>
การจัดรูปแบบทางการพิมพ์ตัวอักษรจะถูกดำเนินการอย่างละเอียด
โดยเฉพาะถ้าคุณมีเนื้อหาจำนวนมากที่จะถูกจัดรูปแบบ
ถ้าคุณเลือกที่จะใช้ฟังก์ชันนี้ คุณอาจจะต้องพิจารณาเรื่อง
 <a href="../general/caching.html">เก็บข้อมูลไว้ในหน่วยความจำ(caching) </a>บนหน้าของคุณ<a href="../general/caching.html"></a><br />
</p>


<h2>nl2br_except_pre()</h2>

<p>เปลี่ยนบรรทัดใหม่เป็นแท็ก &lt;br /&gt; ยกเว้นจะปรากฎอยู่ภายในแท็ก &lt;pre&gt; ฟังก์ชันนี้จะทำงานลักษณะเดียวกับฟังก์ชัน <dfn>nl2br() </dfn>พื้นฐานของ PHP ยกเว้นแต่มันจะละเลยแท็ก &lt;pre&gt;<br />
</p>

<p>ตัวอย่างการใช้งาน</p>

<code>$string = nl2br_except_pre($string);</code>



</div>
<!-- END CONTENT -->


<div id="footer">
<p>
หัวข้ออันก่อน:&nbsp;&nbsp;<a href="text_helper.html">Text Helper</a>
&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;
<a href="#top">บนสุดของหน้า</a>&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;
<a href="../index.html">หน้าหลักคู่มือการใช้งาน</a>&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;
หัวข้อถัดไป:&nbsp;&nbsp;<a href="url_helper.html">URL Helper</a>
</p>
<p>คู่มือการใช้งาน CodeIgniter นี้ได้ทำการคัดลอกและดัดแปลงจาก <a href="http://codeigniter.com/user_guide/">CodeIgniter User Guide</a></p><p>
<a href="http://codeigniter.com">CodeIgniter</a>
 ·  Copyright © 2006-2009  · 
<a href="http://ellislab.com/">Ellislab, Inc.</a>
</p>
</div>

</body></html>